<div class="card">
    <div class="card-header">
        <h3 class="card-title">Tasks</h3>
    </div>
    <div class="table-responsive">
        <table class="table card-table table-vcenter">
            <tr>
                <td class="w-1 pe-0">
                    <input type="checkbox" class="form-check-input m-0 align-middle"
                           aria-label="Select task" checked>
                </td>
                <td class="w-100">
                    <a href="#" class="text-reset">Extend the data model.</a>
                </td>
                <td class="text-nowrap text-muted">
                    <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24"
                         viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none"
                         stroke-linecap="round" stroke-linejoin="round">
                        <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                        <rect x="4" y="5" width="16" height="16" rx="2"/>
                        <line x1="16" y1="3" x2="16" y2="7"/>
                        <line x1="8" y1="3" x2="8" y2="7"/>
                        <line x1="4" y1="11" x2="20" y2="11"/>
                        <line x1="11" y1="15" x2="12" y2="15"/>
                        <line x1="12" y1="15" x2="12" y2="18"/>
                    </svg>
                    January 01, 2019
                </td>
                <td class="text-nowrap">
                    <a href="#" class="text-muted">
                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24"
                             viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none"
                             stroke-linecap="round" stroke-linejoin="round">
                            <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                            <path d="M5 12l5 5l10 -10"/>
                        </svg>
                        2/7
                    </a>
                </td>
                <td class="text-nowrap">
                    <a href="#" class="text-muted">
                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24"
                             viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none"
                             stroke-linecap="round" stroke-linejoin="round">
                            <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                            <path d="M4 21v-13a3 3 0 0 1 3 -3h10a3 3 0 0 1 3 3v6a3 3 0 0 1 -3 3h-9l-4 4"/>
                            <line x1="8" y1="9" x2="16" y2="9"/>
                            <line x1="8" y1="13" x2="14" y2="13"/>
                        </svg>
                        3</a>
                </td>
                <td>
                                        <span class="avatar avatar-sm"
                                              style="background-image: url(./static/avatars/000m.jpg)"></span>
                </td>
            </tr>
            <tr>
                <td class="w-1 pe-0">
                    <input type="checkbox" class="form-check-input m-0 align-middle"
                           aria-label="Select task">
                </td>
                <td class="w-100">
                    <a href="#" class="text-reset">Verify the event flow.</a>
                </td>
                <td class="text-nowrap text-muted">
                    <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24"
                         viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none"
                         stroke-linecap="round" stroke-linejoin="round">
                        <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                        <rect x="4" y="5" width="16" height="16" rx="2"/>
                        <line x1="16" y1="3" x2="16" y2="7"/>
                        <line x1="8" y1="3" x2="8" y2="7"/>
                        <line x1="4" y1="11" x2="20" y2="11"/>
                        <line x1="11" y1="15" x2="12" y2="15"/>
                        <line x1="12" y1="15" x2="12" y2="18"/>
                    </svg>
                    January 01, 2019
                </td>
                <td class="text-nowrap">
                    <a href="#" class="text-muted">
                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24"
                             viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none"
                             stroke-linecap="round" stroke-linejoin="round">
                            <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                            <path d="M5 12l5 5l10 -10"/>
                        </svg>
                        3/10
                    </a>
                </td>
                <td class="text-nowrap">
                    <a href="#" class="text-muted">
                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24"
                             viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none"
                             stroke-linecap="round" stroke-linejoin="round">
                            <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                            <path d="M4 21v-13a3 3 0 0 1 3 -3h10a3 3 0 0 1 3 3v6a3 3 0 0 1 -3 3h-9l-4 4"/>
                            <line x1="8" y1="9" x2="16" y2="9"/>
                            <line x1="8" y1="13" x2="14" y2="13"/>
                        </svg>
                        6</a>
                </td>
                <td>
                    <span class="avatar avatar-sm">JL</span>
                </td>
            </tr>
            <tr>
                <td class="w-1 pe-0">
                    <input type="checkbox" class="form-check-input m-0 align-middle"
                           aria-label="Select task">
                </td>
                <td class="w-100">
                    <a href="#" class="text-reset">Database backup and maintenance</a>
                </td>
                <td class="text-nowrap text-muted">
                    <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24"
                         viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none"
                         stroke-linecap="round" stroke-linejoin="round">
                        <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                        <rect x="4" y="5" width="16" height="16" rx="2"/>
                        <line x1="16" y1="3" x2="16" y2="7"/>
                        <line x1="8" y1="3" x2="8" y2="7"/>
                        <line x1="4" y1="11" x2="20" y2="11"/>
                        <line x1="11" y1="15" x2="12" y2="15"/>
                        <line x1="12" y1="15" x2="12" y2="18"/>
                    </svg>
                    January 01, 2019
                </td>
                <td class="text-nowrap">
                    <a href="#" class="text-muted">
                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24"
                             viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none"
                             stroke-linecap="round" stroke-linejoin="round">
                            <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                            <path d="M5 12l5 5l10 -10"/>
                        </svg>
                        0/6
                    </a>
                </td>
                <td class="text-nowrap">
                    <a href="#" class="text-muted">
                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24"
                             viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none"
                             stroke-linecap="round" stroke-linejoin="round">
                            <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                            <path d="M4 21v-13a3 3 0 0 1 3 -3h10a3 3 0 0 1 3 3v6a3 3 0 0 1 -3 3h-9l-4 4"/>
                            <line x1="8" y1="9" x2="16" y2="9"/>
                            <line x1="8" y1="13" x2="14" y2="13"/>
                        </svg>
                        1</a>
                </td>
                <td>
                                        <span class="avatar avatar-sm"
                                              style="background-image: url(./static/avatars/002m.jpg)"></span>
                </td>
            </tr>
            <tr>
                <td class="w-1 pe-0">
                    <input type="checkbox" class="form-check-input m-0 align-middle"
                           aria-label="Select task" checked>
                </td>
                <td class="w-100">
                    <a href="#" class="text-reset">Identify the implementation team.</a>
                </td>
                <td class="text-nowrap text-muted">
                    <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24"
                         viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none"
                         stroke-linecap="round" stroke-linejoin="round">
                        <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                        <rect x="4" y="5" width="16" height="16" rx="2"/>
                        <line x1="16" y1="3" x2="16" y2="7"/>
                        <line x1="8" y1="3" x2="8" y2="7"/>
                        <line x1="4" y1="11" x2="20" y2="11"/>
                        <line x1="11" y1="15" x2="12" y2="15"/>
                        <line x1="12" y1="15" x2="12" y2="18"/>
                    </svg>
                    January 01, 2019
                </td>
                <td class="text-nowrap">
                    <a href="#" class="text-muted">
                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24"
                             viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none"
                             stroke-linecap="round" stroke-linejoin="round">
                            <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                            <path d="M5 12l5 5l10 -10"/>
                        </svg>
                        6/10
                    </a>
                </td>
                <td class="text-nowrap">
                    <a href="#" class="text-muted">
                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24"
                             viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none"
                             stroke-linecap="round" stroke-linejoin="round">
                            <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                            <path d="M4 21v-13a3 3 0 0 1 3 -3h10a3 3 0 0 1 3 3v6a3 3 0 0 1 -3 3h-9l-4 4"/>
                            <line x1="8" y1="9" x2="16" y2="9"/>
                            <line x1="8" y1="13" x2="14" y2="13"/>
                        </svg>
                        12</a>
                </td>
                <td>
                                        <span class="avatar avatar-sm"
                                              style="background-image: url(./static/avatars/003m.jpg)"></span>
                </td>
            </tr>
            <tr>
                <td class="w-1 pe-0">
                    <input type="checkbox" class="form-check-input m-0 align-middle"
                           aria-label="Select task">
                </td>
                <td class="w-100">
                    <a href="#" class="text-reset">Define users and workflow</a>
                </td>
                <td class="text-nowrap text-muted">
                    <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24"
                         viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none"
                         stroke-linecap="round" stroke-linejoin="round">
                        <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                        <rect x="4" y="5" width="16" height="16" rx="2"/>
                        <line x1="16" y1="3" x2="16" y2="7"/>
                        <line x1="8" y1="3" x2="8" y2="7"/>
                        <line x1="4" y1="11" x2="20" y2="11"/>
                        <line x1="11" y1="15" x2="12" y2="15"/>
                        <line x1="12" y1="15" x2="12" y2="18"/>
                    </svg>
                    January 01, 2019
                </td>
                <td class="text-nowrap">
                    <a href="#" class="text-muted">
                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24"
                             viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none"
                             stroke-linecap="round" stroke-linejoin="round">
                            <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                            <path d="M5 12l5 5l10 -10"/>
                        </svg>
                        3/7
                    </a>
                </td>
                <td class="text-nowrap">
                    <a href="#" class="text-muted">
                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24"
                             viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none"
                             stroke-linecap="round" stroke-linejoin="round">
                            <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                            <path d="M4 21v-13a3 3 0 0 1 3 -3h10a3 3 0 0 1 3 3v6a3 3 0 0 1 -3 3h-9l-4 4"/>
                            <line x1="8" y1="9" x2="16" y2="9"/>
                            <line x1="8" y1="13" x2="14" y2="13"/>
                        </svg>
                        5</a>
                </td>
                <td>
                                        <span class="avatar avatar-sm"
                                              style="background-image: url(./static/avatars/000f.jpg)"></span>
                </td>
            </tr>
            <tr>
                <td class="w-1 pe-0">
                    <input type="checkbox" class="form-check-input m-0 align-middle"
                           aria-label="Select task" checked>
                </td>
                <td class="w-100">
                    <a href="#" class="text-reset">Check Pull Requests</a>
                </td>
                <td class="text-nowrap text-muted">
                    <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24"
                         viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none"
                         stroke-linecap="round" stroke-linejoin="round">
                        <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                        <rect x="4" y="5" width="16" height="16" rx="2"/>
                        <line x1="16" y1="3" x2="16" y2="7"/>
                        <line x1="8" y1="3" x2="8" y2="7"/>
                        <line x1="4" y1="11" x2="20" y2="11"/>
                        <line x1="11" y1="15" x2="12" y2="15"/>
                        <line x1="12" y1="15" x2="12" y2="18"/>
                    </svg>
                    January 01, 2019
                </td>
                <td class="text-nowrap">
                    <a href="#" class="text-muted">
                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24"
                             viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none"
                             stroke-linecap="round" stroke-linejoin="round">
                            <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                            <path d="M5 12l5 5l10 -10"/>
                        </svg>
                        2/9
                    </a>
                </td>
                <td class="text-nowrap">
                    <a href="#" class="text-muted">
                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24"
                             viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none"
                             stroke-linecap="round" stroke-linejoin="round">
                            <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                            <path d="M4 21v-13a3 3 0 0 1 3 -3h10a3 3 0 0 1 3 3v6a3 3 0 0 1 -3 3h-9l-4 4"/>
                            <line x1="8" y1="9" x2="16" y2="9"/>
                            <line x1="8" y1="13" x2="14" y2="13"/>
                        </svg>
                        3</a>
                </td>
                <td>
                                        <span class="avatar avatar-sm"
                                              style="background-image: url(./static/avatars/001f.jpg)"></span>
                </td>
            </tr>
        </table>
    </div>
</div>
